<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>确认订单 - 娃娃Get抓娃娃</title>


    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/js/swiper-4.4.2/swiper.min.css" />
    <link rel="stylesheet" href="assets/css/sweetalert.min.css" />
    <link rel="stylesheet" href="assets/css/main.css" />

    <script src="assets/js/jquery.slim.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/swiper-4.4.2/swiper.min.js"></script>
    <script src="assets/js/sweetalert.min.js"></script>
    <script src="assets/js/common.js"></script>




</head>
<body class="main-color">

<!--start address item-->
<div class="container address-edit-wrapper" >
    <form action="" method="post">
        <div class="input-item flex">
            <span for="name" class="form-label bold">收货人: </span>
            <div class="flex-auto address-auto">
                <input type="text" class="address-input" id="name" placeholder="收货人">
            </div>
        </div>


        <div class="input-item flex">
            <span for="mobile" class="form-label bold">联系电话: </span>
            <div class="flex-auto address-auto">
                <input type="text" class="address-input" id="mobile" placeholder="请输入11位手机号码">
            </div>
        </div>


        <div class="input-item flex content-between">
            <div class="bold">
                <span class="form-label inline">所在地区:</span>
                <span class="pca"> 广东省 广州市 天河区 </span>
            </div>
            <div class="select-address-tip flex">
                <span>请选择</span>
                <img src="./assets/images/right.png" alt="">
            </div>
        </div>



        <div class="input-item flex">
            <span for="address" class="form-label bold">详细地址: </span>
            <div class="flex-auto address-auto">
                <input type="text" class="address-input" id="address" placeholder="请输入详细地址。如街道，门牌，小区等">
            </div>
        </div>

    </form>
</div>
<!--end address item-->


<div class="address-edit-btn">保存地址</div>



</body>


<script>
    $(function(){
        $('input').keyup(function(){
            $('.address-edit-btn').addClass('active')
        })

        //
        $('.address-edit-btn').click(function() {
            if(!$(this).hasClass('active')) {
                return false;
            }
            swal('','保存成功(2s go back)','success');
            setTimeout(function(){
                history.back()
            },2000)
        })
    })
</script>














</html>